
.quick-nav:hover, #j_nearRead:hover, .app:hover, .sign-in hidden:hover {
    background-color: white;
    border-top: solid red;
}

a, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

li, ol, ul {
    list-style: none outside none;
}

table {
    border-spacing: 0px;
    border-collapse: collapse;
}

fieldset, img {
    border: 0px none;
}

html {
    min-width: 990px;
}

body {
    color: rgb(38, 38, 38);
    background: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: rgb(38, 38, 38);
    outline: 0px;
}

    a:hover {
        color: rgb(237, 66, 89);
    }

.loaded a {
    transition: color 0.3s, background-color 0.3s;
}

select {
    font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
}

button, input {
    font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
    border: none;
    outline: 0px;
}

label {
    cursor: pointer;
}

cite, em, i {
    font-style: normal;
}

.iconfont {
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    font-family: qd_iconfont !important;
}

.pin-nav-wrap.need-search .min-user li:first-child + li.line {
    display: block;
}

.submit-input {
    position: absolute;
    clip: rect(0px 0px 0px 0px);
}

.pin-nav-wrap .nav-list li.act a {
    line-height: 38px;
    height: 40px;
    transition: none;
    border-top: 2px solid rgb(237, 66, 89);
    background: rgb(43, 42, 46);
}

    .pin-nav-wrap .nav-list li.act a span {
        top: 17px;
        transform: rotateX(-180deg);
    }

.pin-nav-wrap .nav-list li.act .dropdown {
    display: block;
    animation: fadeinT 0.15s ease-out;
    background: rgb(43, 42, 46);
}

.pin-nav-wrap .nav-list li.site {
    width: 95px;
    margin-right: 28px;
}

    .pin-nav-wrap .nav-list li.site a {
        width: 95px;
        color: rgb(255, 255, 255);
    }

        .pin-nav-wrap .nav-list li.site a.pin-logo {
            display: block;
            width: 95px;
            height: 42px;
            background-image: url("/qd/images/pin_logo_1x.6068b.png");
            background-repeat: no-repeat;
            background-position: 10px 48%;
        }

    .pin-nav-wrap .nav-list li.site .dropdown {
        width: 125px;
    }

    .pin-nav-wrap .nav-list li.site.act a {
        height: 38px;
    }

.pin-nav-wrap .nav-list li .dropdown {
    position: relative;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}

    .pin-nav-wrap .nav-list li .dropdown a {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        line-height: 38px;
        font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
        height: auto;
        padding: 2px 15px;
        color: rgb(204, 204, 204);
        border-top: none;
    }

        .pin-nav-wrap .nav-list li .dropdown a:hover {
            color: rgb(255, 255, 255);
            background: rgb(0, 0, 0);
        }

.pin-nav-wrap .nav-list li.more .dropdown a {
    width: 56px;
    padding: 0px 10px;
}

.pin-nav-wrap .min-user .iconfont {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    color: rgb(255, 255, 255);
}

    .pin-nav-wrap .min-user .iconfont:hover {
        background: 0px 0px;
    }

.pin-nav-wrap .min-user li:first-child + li.line {
    display: none;
}

.pin-nav-wrap .min-user li .pin-input {
    font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 42px;
    width: 150px;
    height: 26px;
    transition: color 0.3s, border 0.3s;
    opacity: 1;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgb(170, 170, 170);
    background: rgb(62, 61, 67);
}

    .pin-nav-wrap .min-user li .pin-input:-webkit-autofill {
        box-shadow: rgb(62, 61, 67) 0px 0px 0px 1000px inset;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.7);
    }

    .pin-nav-wrap .min-user li .pin-input:focus {
        color: rgb(255, 255, 255);
        border-bottom: 2px solid rgb(255, 255, 255);
    }

.pin-nav-wrap .min-user li label#pin-search {
    line-height: 42px;
    display: block;
    height: 42px;
    margin-right: 10px;
}

.pin-nav-wrap .min-user li.line {
    height: 24px;
    margin: 10px 0px 0px;
    border-right: 1px solid rgb(81, 80, 86);
}

.pin-nav-wrap .min-user li.sign-out {
    position: relative;
    padding: 0px 6px 0px 15px;
}

    .pin-nav-wrap .min-user li.sign-out a {
        display: inline;
        margin-right: 8px;
        padding: 0px;
        color: rgb(204, 204, 204);
    }

        .pin-nav-wrap .min-user li.sign-out a:hover {
            color: rgb(255, 255, 255);
        }

.pin-nav-wrap .min-user li.sign-in a {
    overflow: hidden;
    min-width: 80px;
    max-width: 156px;
    padding: 0px 20px 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .pin-nav-wrap .min-user li.sign-in a i {
        padding-right: 5px;
    }

.pin-nav-wrap .min-user li.sign-in .dropdown {
    position: absolute;
    top: 42px;
    right: 0px;
    width: 100%;
}

    .pin-nav-wrap .min-user li.sign-in .dropdown a {
        text-align: left;
    }

        .pin-nav-wrap .min-user li.sign-in .dropdown a.pin-user-name {
            overflow: hidden;
            height: 32px;
        }

        .pin-nav-wrap .min-user li.sign-in .dropdown a i {
            padding-right: 0px;
        }

.classify-list dd a cite .info {
    float: left;
    max-width: 42px;
}

    .classify-list dd a cite .info b, .classify-list dd a cite .info i {
        display: block;
        cursor: pointer;
        text-align: left;
    }

    .classify-list dd a cite .info i {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        line-height: 1;
        font-family: PingFangSC-Regular, -apple-system, Simsun;
        white-space: nowrap;
    }

    .classify-list dd a cite .info b {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 1.5;
        font-family: Arial;
        transition: color 0.2s;
        color: rgb(153, 153, 153);
    }

h3.wrap-title .more em.iconfont {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.book-wrap .book-cover.fl {
    float: left;
}

.banner-wrap .la-ball-pulse {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -5px 0px 0px -20px;
}

.top-game-op .game-wrap .la-ball-pulse {
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 50%;
    margin-left: -22px;
}

:root .la-ball-pulse {
    font-size: 0px;
    text-align: center;
}

    :root .la-ball-pulse span {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0px 8px 0px 0px;
        animation: ball-pulse 1s ease infinite;
        border-radius: 100%;
        background: rgb(102, 102, 102);
    }

        :root .la-ball-pulse span:nth-child(1) {
            animation-delay: -0.2s;
        }

        :root .la-ball-pulse span:nth-child(2) {
            animation-delay: -0.1s;
        }

        :root .la-ball-pulse span:nth-child(3) {
            animation-delay: 0s;
        }

html {
    min-width: 0px;
}

.read-header {
    position: relative;
    z-index: 104;
    height: 60px;
    margin-bottom: 16px;
    background: rgba(255, 255, 255, 0.4);
}

    .read-header .wrap-center {
        min-width: 800px;
        max-width: 1200px;
        height: 60px;
        margin-right: auto;
        margin-left: auto;
    }

.left-nav .logo {
    float: left;
    padding: 0px;
}

    .left-nav .logo .logo-ico {
        display: block;
        width: 32px;
        height: 32px;
        margin-top: 14px;
        border-radius: 5px;
        background-image: url("/qd/images/common/logo.d41d3.png");
        background-repeat: no-repeat;
    }

    .left-nav .logo .mm-logo-ico {
        display: block;
        width: 32px;
        height: 32px;
        margin-top: 14px;
        border-radius: 5px;
        background-image: url("/qd/images/common/logo_mm.164a8.png");
        background-repeat: no-repeat;
    }

.left-nav ul {
    float: left;
}

.left-nav li {
    position: relative;
    float: left;
    height: 60px;
    padding: 0px 12px;
    cursor: pointer;
}

    .left-nav li cite {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        line-height: 60px;
        font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
        display: block;
    }

    .left-nav li.act {
        line-height: 58px;
        height: 58px;
        border-top: 2px solid rgb(237, 66, 89);
        background: rgb(255, 255, 255);
    }

        .left-nav li.act .dropdown {
            display: block;
            animation: fadeinT 0.15s ease-out;
            background: rgb(255, 255, 255);
        }

        .left-nav li.act cite {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 14px;
            line-height: 58px;
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
            margin-top: -1px;
        }

    .left-nav li a {
        z-index: 1;
        display: block;
    }

    .left-nav li.site {
        width: 128px;
        margin-right: 24px;
        padding: 0px;
    }

        .left-nav li.site.act a.pin-logo {
            height: 58px;
            background-position: 0px 18px;
        }

            .left-nav li.site.act a.pin-logo span {
                top: 27px;
                transform: rotateX(-180deg);
            }

        .left-nav li.site.act a.mm-pin-logo {
            height: 58px;
            background-position: 0px 18px;
        }

            .left-nav li.site.act a.mm-pin-logo span {
                top: 27px;
                transform: rotateX(-180deg);
            }

        .left-nav li.site a.pin-logo {
            display: block;
            width: 128px;
            height: 60px;
            margin-left: 12px;
            background-image: url("/qd/images/pin_logo_black_1x.9c2fd.png");
            background-repeat: no-repeat;
            background-position: 0px 20px;
        }

        .left-nav li.site a.mm-pin-logo {
            display: block;
            width: 128px;
            height: 60px;
            margin-left: 12px;
            background-image: url("/qd/images/mm_pin_logo_black_1x.c2e44.png");
            background-repeat: no-repeat;
            background-position: 0px 20px;
        }

        .left-nav li.site a span {
            position: absolute;
            top: 27px;
            right: 12px;
            width: 0px;
            height: 0px;
            transition: all 0.2s;
            border-width: 4px 4px 0px;
            border-style: solid solid none;
            border-top-color: rgb(204, 204, 204);
            border-right-color: transparent;
            border-bottom-color: initial;
            border-left-color: transparent;
        }

        .left-nav li.site .dropdown {
            position: relative;
            top: 0px;
            width: 128px;
        }

            .left-nav li.site .dropdown a {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 14px;
                line-height: 36px;
                font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
                height: auto;
                padding: 0px 15px;
                color: rgb(26, 26, 26);
                border-top: none;
            }

                .left-nav li.site .dropdown a:hover {
                    background: rgb(250, 250, 250);
                }

    .left-nav li.quick-nav cite .iconfont {
        font-size: 14px;
        display: inline-block;
        min-width: 14px;
        margin-right: 8px;
        color: rgba(0, 0, 0, 0.4);
        -webkit-text-stroke-width: 0px;
    }

.read-login li {
    position: relative;
    float: left;
    height: 60px;
    padding: 0px 12px;
    cursor: pointer;
}

    .read-login li:first-child {
        padding: 0px;
    }

        .read-login li:first-child .iconfont {
            font-size: 17px;
            display: inline-block;
            min-width: 17px;
            vertical-align: middle;
        }

        .read-login li:first-child input {
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
            font-size: 14px;
            position: absolute;
            z-index: 1;
            top: 18px;
            right: 40px;
            width: 150px;
            height: 26px;
            transition: border 0.5s;
            border-bottom: 1px solid rgb(204, 204, 204);
            background: 0px 0px;
        }

            .read-login li:first-child input:focus {
                border-bottom: 2px solid rgb(191, 44, 36);
            }

        .read-login li:first-child label {
            line-height: 60px;
            display: block;
            height: 60px;
            padding: 0px 12px;
        }

    .read-login li a {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        line-height: 60px;
        font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
        position: relative;
        display: block;
        overflow: hidden;
        height: 60px;
    }

    .read-login li.line {
        height: 24px;
        margin: 20px 0px 0px;
        padding: 0px 2px;
        border-right: 1px solid rgb(221, 221, 221);
    }

    .read-login li.sign-out a {
        display: inline;
    }

        .read-login li.sign-out a#pin-login {
            margin-right: 16px;
        }

    .read-login li.sign-in {
        padding: 0px;
    }

        .read-login li.sign-in a {
            padding-right: 18px;
        }

            .read-login li.sign-in a i {
                display: block;
                min-width: 70px;
                padding: 0px 0px 0px 12px;
            }

            .read-login li.sign-in a span {
                position: absolute;
                z-index: 2;
                top: 27px;
                right: 5px;
                width: 0px;
                height: 0px;
                transition: all 0.2s;
                border-width: 4px 4px 0px;
                border-style: solid solid none;
                border-top-color: rgb(204, 204, 204);
                border-right-color: transparent;
                border-bottom-color: initial;
                border-left-color: transparent;
            }

        .read-login li.sign-in.act {
            border-top: 2px solid rgb(237, 66, 89);
            background: rgb(255, 255, 255);
        }

            .read-login li.sign-in.act a {
                line-height: 56px;
            }

            .read-login li.sign-in.act span {
                top: 25px;
                transform: rotateX(-180deg);
            }

            .read-login li.sign-in.act .dropdown {
                position: relative;
                top: 0px;
                display: block;
                width: 100%;
                animation: fadeinT 0.15s ease-out;
                background: rgb(255, 255, 255);
            }

                .read-login li.sign-in.act .dropdown a {
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    font-stretch: normal;
                    font-size: 14px;
                    line-height: 36px;
                    font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
                    height: auto;
                    padding: 0px 15px;
                    color: rgb(26, 26, 26);
                    border-top: none;
                }

                    .read-login li.sign-in.act .dropdown a:hover {
                        background: rgb(250, 250, 250);
                    }

                .read-login li.sign-in.act .dropdown .user-level {
                    margin-left: 15px;
                }

.dropdown {
    position: absolute;
    top: 58px;
    left: 0px;
    display: none;
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}

    .dropdown.scan-app {
        position: absolute;
        left: 0px;
        width: 220px;
    }

        .dropdown.scan-app .box {
            padding: 24px;
            text-align: center;
        }

        .dropdown.scan-app h3 {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 14px;
            line-height: 20px;
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
        }

            .dropdown.scan-app h3 + img + a {
                margin-bottom: 16px;
            }

        .dropdown.scan-app img {
            display: block;
            width: 96px;
            height: 96px;
            margin: 24px auto;
            padding: 8px;
            border: 1px solid rgb(216, 216, 216);
        }

        .dropdown.scan-app a {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 12px;
            line-height: 40px;
            font-family: PingFangSC-Regular, -apple-system, Simsun;
            width: 172px;
            height: 40px;
            padding: 0px;
            text-align: left;
            border: 1px solid rgb(216, 216, 216);
            background: rgb(247, 247, 247);
        }

            .dropdown.scan-app a:hover {
                background: rgb(247, 247, 247);
            }

            .dropdown.scan-app a em {
                display: inline-block;
                margin: -2px 8px 0px 32px;
                vertical-align: middle;
            }

    .dropdown.last-read .all .iconfont {
        font-size: 12px;
        display: inline-block;
        vertical-align: -1px;
    }

    .dropdown.type-list {
        width: 440px;
        padding: 22px 0px 0px;
    }

        .dropdown.type-list .type-box {
            font-size: 0px;
            clear: both;
            width: 456px;
            padding: 0px 0px 0px 26px;
        }

            .dropdown.type-list .type-box h3 {
                font-size: 16px;
                line-height: 1;
                margin-bottom: 20px;
            }

            .dropdown.type-list .type-box a {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 14px;
                line-height: 1;
                font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
                float: left;
                margin-right: 40px;
                margin-bottom: 32px;
            }

                .dropdown.type-list .type-box a.ecy {
                    margin-right: 27px;
                }

.body-rec-mask, .body-rec-wrap, .float-op-wrap {
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.read-main-wrap {
    font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    position: relative;
    z-index: 101;
    width: 800px;
    margin: 0px auto;
}

    .read-main-wrap .la-ball-pulse {
        margin: 56px 0px;
    }

    .read-main-wrap.font-family01 {
        font-family: "Microsoft YaHei", PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", sans-serif;
    }

.text-wrap {
    min-height: 600px;
    margin-bottom: 24px;
    border: 1px solid rgb(216, 216, 216);
    background: url("/qd/images/read.qidian.com/basic_bg.edf95.png") repeat;
}

.crumbs-nav {
    position: relative;
    z-index: 1;
    width: 800px;
    height: 22px;
    margin: 0px auto 21px;
}

    .crumbs-nav a, .crumbs-nav em {
        display: inline-block;
        vertical-align: middle;
    }

    .crumbs-nav a {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 22px;
        font-family: PingFangSC-Regular, -apple-system, Simsun;
        color: rgb(26, 26, 26);
    }

        .crumbs-nav a:hover {
            text-decoration: underline;
        }

    .crumbs-nav em {
        font-size: 12px;
        min-width: 12px;
        margin: 2px 0px 0px 3px;
        color: rgba(0, 0, 0, 0.4);
    }

.main-text-wrap {
    padding: 60px 64px;
}

    .main-text-wrap .text-head {
        position: relative;
        z-index: 5;
        margin-bottom: 12px;
    }

        .main-text-wrap .text-head h3 {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 24px;
            line-height: 32px;
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
            overflow: hidden;
            height: 32px;
            margin-bottom: 12px;
        }

        .main-text-wrap .text-head .book-mark {
            position: absolute;
            top: -60px;
            right: -40px;
            width: 24px;
            height: 40px;
            background-image: url("/qd/images/read.qidian.com/sprite.36b4c.png");
            background-repeat: no-repeat;
            background-position: -228px -143.5px;
            background-size: 340px;
        }

            .main-text-wrap .text-head .book-mark.on {
                width: 24px;
                height: 40px;
                background-image: url("/qd/images/read.qidian.com/sprite.36b4c.png");
                background-repeat: no-repeat;
                background-position: -254px -143.5px;
                background-size: 340px;
            }

        .main-text-wrap .text-head .guide-box {
            position: absolute;
            top: -150px;
            right: -180px;
            height: 70px;
            padding: 0px 18px;
            border-radius: 3px;
            background: rgb(255, 255, 255);
        }

            .main-text-wrap .text-head .guide-box p {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 14px;
                line-height: 22px;
                font-family: PingFangSC-Regular, -apple-system, Simsun;
                width: 272px;
                padding-top: 12px;
                text-align: left;
            }

            .main-text-wrap .text-head .guide-box cite {
                top: 100%;
                right: 50%;
                margin-right: -6px;
                border-width: 5px 5px 0px;
                border-style: solid solid none;
                border-top-color: rgb(255, 255, 255);
                border-right-color: transparent;
                border-bottom-color: initial;
                border-left-color: transparent;
            }

    .main-text-wrap .text-info {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 16px;
        font-family: PingFangSC-Regular, -apple-system, Simsun;
        height: 34px;
    }

        .main-text-wrap .text-info .info a, .main-text-wrap .text-info .info i {
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
            margin-right: 16px;
            color: rgba(0, 0, 0, 0.4);
        }

        .main-text-wrap .text-info .info span {
            margin-right: 5px;
        }

        .main-text-wrap .text-info .info .iconfont {
            font-size: 16px;
            display: inline-block;
            min-width: 16px;
            margin-right: 6px;
            vertical-align: -2px;
        }

        .main-text-wrap .text-info .info a:hover {
            color: rgb(237, 66, 89);
        }

        .main-text-wrap .text-info .top-comment-wrap {
            position: relative;
            z-index: 1;
            margin-top: -10px;
        }

            .main-text-wrap .text-info .top-comment-wrap dl {
                float: right;
                margin-top: 6px;
            }

                .main-text-wrap .text-info .top-comment-wrap dl dd {
                    float: left;
                    width: 22px;
                    height: 22px;
                    margin-right: 12px;
                    cursor: pointer;
                    transition: border-radius 0.3s, box-shadow 0.3s;
                    border-radius: 100%;
                    background: rgb(255, 255, 255);
                }

                    .main-text-wrap .text-info .top-comment-wrap dl dd img {
                        width: 100%;
                        height: 100%;
                        transition: border-radius 0.3s, box-shadow 0.3s;
                        border-radius: 100%;
                    }

                    .main-text-wrap .text-info .top-comment-wrap dl dd:hover {
                        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
                    }

            .main-text-wrap .text-info .top-comment-wrap .comment-btn {
                line-height: 32px;
                float: right;
                width: 32px;
                height: 32px;
                margin-top: 2px;
                text-align: center;
                border-radius: 2px;
            }

                .main-text-wrap .text-info .top-comment-wrap .comment-btn .iconfont {
                    font-size: 16px;
                    min-width: 16px;
                    color: rgba(0, 0, 0, 0.4);
                }

                .main-text-wrap .text-info .top-comment-wrap .comment-btn:hover {
                    background: rgb(229, 229, 229);
                }

            .main-text-wrap .text-info .top-comment-wrap .j_comReplyNum {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 12px;
                line-height: 14px;
                font-family: Arial;
                float: right;
                margin-top: 8px;
                vertical-align: top;
            }

    .main-text-wrap .read-content {
        margin-bottom: 64px;
    }

        .main-text-wrap .read-content p {
            line-height: 1.8;
            overflow: hidden;
            margin: 0.8em 0px;
        }

    .main-text-wrap .admire-wrap {
        position: relative;
        z-index: 1;
        padding-bottom: 48px;
    }

        .main-text-wrap .admire-wrap .read-btn-box {
            text-align: center;
        }

        .main-text-wrap .admire-wrap .admire {
            font-size: 24px;
            line-height: 60px;
            position: relative;
            z-index: 1;
            display: inline-block;
            width: 160px;
            height: 60px;
            margin: 0px 25px 24px;
            text-align: center;
            text-indent: 5px;
            letter-spacing: 5px;
            color: rgb(255, 255, 255);
            border-radius: 50px;
            background: rgb(191, 44, 36);
        }

            .main-text-wrap .admire-wrap .admire:hover {
                background: rgb(237, 66, 89);
            }

            .main-text-wrap .admire-wrap .admire span {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 12px;
                line-height: 14px;
                font-family: PingFangSC-Regular, -apple-system, Simsun;
                position: absolute;
                top: 12px;
                left: 106px;
                text-indent: 0px;
                letter-spacing: 0px;
            }

        .main-text-wrap .admire-wrap .pwd-btn {
            text-indent: 0px;
            letter-spacing: 0px;
        }

        .main-text-wrap .admire-wrap .user-active {
            width: 224px;
            margin: 0px auto;
            text-align: center;
        }

            .main-text-wrap .admire-wrap .user-active dd {
                position: relative;
                z-index: 1;
                display: inline-block;
                width: 32px;
                height: 32px;
                margin-left: 16px;
                cursor: pointer;
                transition: z-index 0.3s;
                vertical-align: middle;
                border-radius: 100%;
                background: rgb(255, 255, 255);
            }

                .main-text-wrap .admire-wrap .user-active dd:first-child {
                    margin-left: 0px;
                }

                .main-text-wrap .admire-wrap .user-active dd a, .main-text-wrap .admire-wrap .user-active dd img {
                    display: block;
                    width: 32px;
                    height: 32px;
                    border-radius: 100%;
                }

                .main-text-wrap .admire-wrap .user-active dd .active-bubble {
                    position: absolute;
                    z-index: 1;
                    top: -48px;
                    left: -105px;
                    display: none;
                    width: 240px;
                    height: 40px;
                    text-align: center;
                    white-space: nowrap;
                }

                    .main-text-wrap .admire-wrap .user-active dd .active-bubble span {
                        font-style: normal;
                        font-variant: normal;
                        font-weight: normal;
                        font-stretch: normal;
                        font-size: 14px;
                        line-height: 40px;
                        font-family: PingFangSC-Regular, -apple-system, Simsun;
                        display: inline-block;
                        min-width: 174px;
                        padding: 0px 12px;
                        text-align: center;
                        color: rgb(255, 255, 255);
                        border-radius: 2px;
                        background: rgb(68, 68, 68);
                        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
                    }

                    .main-text-wrap .admire-wrap .user-active dd .active-bubble cite {
                        position: absolute;
                        z-index: 3;
                        top: 100%;
                        left: 50%;
                        width: 0px;
                        height: 0px;
                        margin-left: -6px;
                        border-width: 6px 6px 0px;
                        border-style: solid solid none;
                        border-top-color: rgb(68, 68, 68);
                        border-right-color: transparent;
                        border-bottom-color: initial;
                        border-left-color: transparent;
                    }

        .main-text-wrap .admire-wrap .report-btn {
            font-size: 12px;
            position: absolute;
            right: 0px;
            bottom: 12px;
            color: rgba(0, 0, 0, 0.4);
        }

            .main-text-wrap .admire-wrap .report-btn .iconfont {
                font-size: 18px;
                display: inline-block;
                min-width: 18px;
                margin-right: 3px;
                vertical-align: -2px;
                -webkit-text-stroke-width: 0px;
            }

            .main-text-wrap .admire-wrap .report-btn:hover {
                color: rgb(237, 66, 89);
            }

    .main-text-wrap .author-say-wrap {
        margin-bottom: 24px;
        padding-top: 24px;
        border-top: 1px solid rgb(229, 229, 229);
    }

        .main-text-wrap .author-say-wrap h3 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 24px;
        }

        .main-text-wrap .author-say-wrap .author-say {
            position: relative;
            z-index: 1;
            padding-left: 56px;
        }

            .main-text-wrap .author-say-wrap .author-say .avatar {
                position: absolute;
                z-index: 1;
                top: 0px;
                left: 0px;
                width: 44px;
                height: 44px;
                border-radius: 100%;
            }

                .main-text-wrap .author-say-wrap .author-say .avatar img {
                    width: 100%;
                    height: 100%;
                    border-radius: 100%;
                }

            .main-text-wrap .author-say-wrap .author-say h4 {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 12px;
                line-height: 16px;
                font-family: PingFangSC-Regular, -apple-system, Simsun;
                overflow: hidden;
                height: 16px;
                margin-bottom: 8px;
            }

                .main-text-wrap .author-say-wrap .author-say h4 a {
                    color: rgba(0, 0, 0, 0.4);
                }

            .main-text-wrap .author-say-wrap .author-say p {
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-stretch: normal;
                font-size: 14px;
                line-height: 24px;
                font-family: PingFangSC-Regular, -apple-system, Simsun;
                margin-bottom: 8px;
            }

                .main-text-wrap .author-say-wrap .author-say p + p {
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    font-stretch: normal;
                    font-size: 12px;
                    line-height: 1;
                    font-family: PingFangSC-Regular, -apple-system, Simsun;
                    margin-bottom: 0px;
                    color: rgba(0, 0, 0, 0.4);
                }

    .main-text-wrap .operation-wrap {
        position: relative;
        z-index: 1;
        padding-top: 26px;
        padding-left: 80px;
        border-top: 1px solid rgb(229, 229, 229);
    }

        .main-text-wrap .operation-wrap.min img {
            position: absolute;
            z-index: 1;
            top: 26px;
            left: 0px;
            width: 64px;
            height: 64px;
        }

        .main-text-wrap .operation-wrap.min h3 {
            font-style: normal;
            font-variant: normal;
            font-weight: 700;
            font-stretch: normal;
            font-size: 18px;
            line-height: 24px;
            font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
            margin: 0px 0px 7px;
            padding-top: 5px;
        }

            .main-text-wrap .operation-wrap.min h3 a {
                display: inline;
            }

        .main-text-wrap .operation-wrap.min p {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 14px;
            line-height: 24px;
            font-family: PingFangSC-Regular, -apple-system, Simsun;
            color: rgba(0, 0, 0, 0.4);
        }

        .main-text-wrap .operation-wrap.max {
            padding-left: 0px;
        }

            .main-text-wrap .operation-wrap.max a {
                display: block;
                overflow: hidden;
                width: 100%;
                height: 64px;
            }

                .main-text-wrap .operation-wrap.max a img.max {
                    height: 100%;
                }

.reply-popup .go-discuss a .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.chapter-control {
    height: 70px;
    margin-bottom: 24px;
    text-align: center;
    border: 1px solid rgb(216, 216, 216);
    background: url("/qd/images/read.qidian.com/basic_bg.edf95.png") repeat;
}

    .chapter-control a {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 18px;
        line-height: 70px;
        font-family: PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
        width: 33.2%;
    }

        .chapter-control a:hover {
            color: rgb(26, 26, 26);
            background: rgba(0, 0, 0, 0.03);
        }

        .chapter-control a.disabled {
            cursor: default;
            color: rgb(204, 204, 204);
            background: 0px 0px;
        }

    .chapter-control .w-all {
        width: 100%;
    }

    .chapter-control span {
        height: 32px;
        border-right: 1px solid rgb(216, 216, 216);
    }

.fans-zone dd.line {
    width: 0px;
    height: 208px;
    margin-top: 28px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.fans-interact dd h4 span.act {
    color: rgb(237, 66, 89);
}

.fans-interact dd h4 a.act, .fans-interact dd h4 a:hover {
    color: rgb(237, 66, 89);
}

.discuss-list .text .discuss-btn .iconfont {
    font-size: 16px;
    min-width: 16px;
    margin: 0px 0px 0px 5px;
}

.discuss-list .users a .iconfont {
    font-size: 16px;
    float: none;
    min-width: 16px;
    margin: 0px 6px 0px 12px;
}

.discuss-list .users a:hover .iconfont {
    color: rgb(237, 66, 89);
}

.discuss-list .go-discuss a .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.left-bar-list dd.act, .right-bar-list dd.act {
    z-index: 101;
    width: 69px;
    border-right: none;
    background: url("/qd/images/read.qidian.com/base_theme_popup.f1a43.png") repeat;
    box-shadow: rgba(0, 0, 0, 0.2) -10px 5px 25px -4px;
}

.left-bar-list dd a .iconfont, .right-bar-list dd a .iconfont {
    font-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px auto 6px;
    transition: color 0.3s;
    color: rgb(0, 0, 0);
}

.left-bar-list dd a:hover .iconfont, .right-bar-list dd a:hover .iconfont {
    color: rgb(237, 66, 89);
}

.left-bar-list dd .guide-box, .right-bar-list dd .guide-box {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 32px;
    font-family: PingFangSC-Regular, -apple-system, Simsun;
    top: 14px;
    white-space: nowrap;
    color: rgb(0, 0, 0);
}

.guide-box {
    position: absolute;
    z-index: 1;
    display: none;
    padding: 0px 12px;
    border-radius: 3px;
    background: rgb(255, 255, 255);
}

    .guide-box cite {
        position: absolute;
        z-index: 1;
        top: 11px;
        width: 0px;
        height: 0px;
    }

.left-bar-list .guide-box {
    right: 72px;
}

    .left-bar-list .guide-box cite {
        right: -5px;
        border-width: 5px 0px 5px 5px;
        border-style: solid none solid solid;
        border-top-color: transparent;
        border-right-color: initial;
        border-bottom-color: transparent;
        border-left-color: rgb(255, 255, 255);
    }

.left-bar-list .panel-wrap.catalog .catalog-tab span.act, .left-bar-list .panel-wrap.catalog .catalog-tab span:hover {
    color: rgb(237, 66, 89);
}

.left-bar-list .panel-wrap.catalog .catalog-tab span.act {
    border-bottom: 1px solid rgb(237, 66, 89);
}

.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li:nth-of-type(2n+1) .iconfont {
    margin-right: 48px;
}

.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list.no-data .iconfont {
    font-size: 84px;
    width: 72px;
    height: 90px;
    margin: 0px auto 16px;
    color: rgb(230, 227, 218);
    -webkit-text-stroke-width: 0px;
}

.left-bar-list .panel-wrap.catalog .bookmark-list-wrap .no-data .iconfont {
    font-size: 84px;
    width: 72px;
    height: 90px;
    margin: 0px auto 16px;
    color: rgb(230, 227, 218);
    -webkit-text-stroke-width: 0px;
}

.left-bar-list .panel-wrap.setting li.theme-list span.act {
    border: 1px solid rgb(237, 66, 89);
}

    .left-bar-list .panel-wrap.setting li.theme-list span.act em {
        display: block;
        opacity: 1;
    }

    .left-bar-list .panel-wrap.setting li.theme-list span.act cite {
        display: none;
    }

.left-bar-list .panel-wrap.setting li.theme-list span.theme-0 {
    background: rgba(250, 245, 235, 0.8);
}

.left-bar-list .panel-wrap.setting li.font-family span.act, .left-bar-list .panel-wrap.setting li.read-mode span.act {
    color: rgb(237, 66, 89);
    border: 1px solid rgb(237, 66, 89);
    background: rgb(255, 240, 242);
}

.right-bar-list dd.go-top .iconfont {
    margin-left: 19px;
}

.right-bar-list .guide-box {
    left: 72px;
}

    .right-bar-list .guide-box cite {
        left: -5px;
        border-width: 5px 5px 5px 0px;
        border-style: solid solid solid none;
        border-top-color: transparent;
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: transparent;
        border-left-color: initial;
    }

.discuss-container .discuss-list-wrap .la-ball-pulse {
    padding: 20px 0px;
}

.discuss-container .discuss-list-wrap li.red-packet .user-text .type span .iconfont {
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    color: rgb(166, 166, 166);
    -webkit-text-stroke-width: 0px;
}

body.w640 .crumbs-nav {
    width: 640px;
}

body.w640 .main-text-wrap .text-head .guide-box {
    top: -120px;
    right: -156px;
}

body.w640 .main-text-wrap .text-head .book-mark {
    top: -32px;
    right: -14px;
}

body.w640 .main-text-wrap {
    padding: 32px;
}

body.w640 .read-main-wrap {
    width: 640px;
}

body.w900 .crumbs-nav, body.w900 .read-main-wrap {
    width: 900px;
}

body.w1280 .crumbs-nav, body.w1280 .read-main-wrap {
    width: 1280px;
}

body.theme-4 .chapter-control, body.theme-4 .left-bar-list dd, body.theme-4 .right-bar-list dd, body.theme-4 .text-wrap {
    background: rgb(245, 228, 228);
}

    body.theme-4 .left-bar-list dd.act, body.theme-4 .panel-wrap {
        background: rgb(250, 236, 235);
    }

body.theme-6 .la-ball-pulse span {
    color: rgb(250, 250, 250);
}

body.theme-6 .read-header {
    height: 59px;
    border-bottom: 1px solid rgb(68, 68, 68);
    background: rgba(255, 255, 255, 0.05);
}

body.theme-6 .left-nav li.site a span, body.theme-6 .read-login li.sign-in a span {
    border-top: 4px solid rgb(153, 153, 153);
}

body.theme-6 .read-login li:first-child input {
    color: rgb(153, 153, 153);
    border-bottom: 1px solid rgb(68, 68, 68);
}

body.theme-6 .book-cover-wrap, body.theme-6 .chapter-control, body.theme-6 .float-wrap dd, body.theme-6 .panel-wrap .panel-box, body.theme-6 .text-wrap {
    border: 1px solid rgb(68, 68, 68);
}

body.theme-6 .left-bar-list dd.act {
    border-right: none;
}

body.theme-6 .discuss-list li, body.theme-6 .float-wrap dd:first-child, body.theme-6 .left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li, body.theme-6 .main-text-wrap .author-say-wrap, body.theme-6 .main-text-wrap .operation-wrap, body.theme-6 .other-reply-list li, body.theme-6 .reply-popup .other-reply-list, body.theme-6 .right-bar-list dd.hongbao, body.theme-6 .vip-limit-wrap {
    border-top: 1px solid rgb(68, 68, 68);
}

body.theme-6 .fans-zone dd.line {
    border-left: 1px solid rgb(68, 68, 68);
}

body.theme-6 .chapter-control span, body.theme-6 .read-login li.line {
    border-right: 1px solid rgb(68, 68, 68);
}

body.theme-6 .left-bar-list dd a .iconfont, body.theme-6 .right-bar-list dd a .iconfont {
    color: rgb(153, 153, 153);
}

body.theme-6 .left-bar-list dd a:hover .iconfont, body.theme-6 .left-bar-list dd a:hover i, body.theme-6 .right-bar-list dd a:hover .iconfont, body.theme-6 .right-bar-list dd a:hover i {
    color: rgb(237, 66, 89);
}

body.theme-6 .author-say p, body.theme-6 .book-cover-wrap .info-list li em, body.theme-6 .book-cover-wrap .info-list li p, body.theme-6 .book-cover-wrap .info-list li span, body.theme-6 .book-cover-wrap h1, body.theme-6 .book-cover-wrap h3, body.theme-6 .crumbs-nav a, body.theme-6 .crumbs-nav em, body.theme-6 .fans-dynamic .fans-slide-wrap li i, body.theme-6 .left-bar-list .panel-wrap.catalog .bookmark-list-wrap .bookmark-list h3, body.theme-6 .left-nav li cite, body.theme-6 .like-more li h4 a, body.theme-6 .main-text-wrap .operation-wrap.min h3 a, body.theme-6 .main-text-wrap .operation-wrap.min p, body.theme-6 .main-text-wrap .read-content p a, body.theme-6 .read-login li a, body.theme-6 .read-login li:first-child .iconfont, body.theme-6 .read-main-wrap .lang, body.theme-6 .reply-popup .first-reply .reply-send-wrap input {
    color: grey;
}

    body.theme-6 .like-more li h4 a:hover, body.theme-6 .main-text-wrap .operation-wrap.min h3 a:hover, body.theme-6 .main-text-wrap .read-content p a:hover {
        color: rgb(237, 66, 89);
    }

body.theme-6 .author-say-wrap .author-say p + p, body.theme-6 .catalog-list-wrap h3, body.theme-6 .comment-popup h3, body.theme-6 .comment-popup h3 span, body.theme-6 .discuss-container h3, body.theme-6 .discuss-list .users cite, body.theme-6 .discuss-list .users em, body.theme-6 .fans-dynamic .fans-slide-wrap li span, body.theme-6 .fans-interact dd .tip, body.theme-6 .fans-interact dd .tip cite, body.theme-6 .left-bar-list .panel-wrap .panel-box h4, body.theme-6 .left-bar-list .panel-wrap.catalog .bookmark-list-wrap .bookmark-list .bookmark-link, body.theme-6 .left-bar-list .panel-wrap.catalog .bookmark-list-wrap .bookmark-list p, body.theme-6 .left-bar-list .panel-wrap.catalog .bookmark-list-wrap .bookmark-list p + p cite, body.theme-6 .left-bar-list .panel-wrap.cellphone .qr-code-wrap h5, body.theme-6 .main-text-wrap, body.theme-6 .main-text-wrap .text-head h3, body.theme-6 .main-text-wrap .text-info .info a, body.theme-6 .main-text-wrap .text-info .info i, body.theme-6 .other-reply-list li .user-comment p, body.theme-6 .read-content, body.theme-6 .reply-popup .first-reply .users em, body.theme-6 .reply-popup .other-reply-list li .user-comment p + p {
    color: rgb(102, 102, 102);
}

    body.theme-6 .catalog-list-wrap .volume-list li a, body.theme-6 .chapter-control a, body.theme-6 .discuss-list .text .discuss-btn, body.theme-6 .discuss-list .text .link, body.theme-6 .fans-dynamic .fans-slide-wrap li b + a, body.theme-6 .lbf-checkbox + label, body.theme-6 .main-text-wrap .admire-wrap .report-btn, body.theme-6 .main-text-wrap .author-say-wrap .author-say h4 a, body.theme-6 .reply-popup .first-reply h3 .discuss-btn, body.theme-6 .reply-popup .other-reply-list li .user-comment h5 a {
        color: rgb(102, 102, 102);
    }

        body.theme-6 .catalog-list-wrap .volume-list li a:hover, body.theme-6 .chapter-control a:hover, body.theme-6 .discuss-list .text .discuss-btn:hover, body.theme-6 .discuss-list .text .link:hover, body.theme-6 .fans-dynamic .fans-slide-wrap li b + a:hover, body.theme-6 .lbf-checkbox + label:hover, body.theme-6 .main-text-wrap .admire-wrap .report-btn:hover, body.theme-6 .main-text-wrap .author-say-wrap .author-say h4 a:hover, body.theme-6 .reply-popup .first-reply h3 .discuss-btn:hover, body.theme-6 .reply-popup .other-reply-list li .user-comment h5 a:hover {
            color: rgb(237, 66, 89);
        }

        body.theme-6 .chapter-control a:hover, body.theme-6 .discuss-list .go-discuss, body.theme-6 .fans-dynamic, body.theme-6 .fans-interact {
            background: rgba(255, 255, 255, 0.03);
        }

        body.theme-6 .chapter-control a.disabled {
            color: rgb(68, 68, 68);
        }

    body.theme-6 .main-text-wrap .text-head .book-mark {
        width: 24px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: -202px -143.5px;
        background-size: 340px;
    }

        body.theme-6 .main-text-wrap .text-head .book-mark.on {
            width: 24px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: -254px -143.5px;
            background-size: 340px;
        }

body.theme-6 .left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list.no-data .iconfont, body.theme-6 .left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list.no-data p {
    color: rgb(102, 102, 102);
}

body.theme-6 .left-bar-list .panel-wrap.setting li.font-family span.act, body.theme-6 .left-bar-list .panel-wrap.setting li.read-mode span.act {
    color: rgb(237, 66, 89);
    border: 1px solid rgb(237, 66, 89);
}

body.theme-6 .main-text-wrap .text-info .top-comment-wrap .comment-btn:hover, body.theme-6 .reply-popup .first-reply .reply-send-wrap input {
    background: rgba(255, 255, 255, 0.1);
}

body.theme-6 .left-nav li.quick-nav cite .iconfont, body.theme-6 .main-text-wrap .text-info .top-comment-wrap .comment-btn .iconfont {
    color: rgba(255, 255, 255, 0.4);
}

body.theme-6 .left-nav li.act.quick-nav cite .iconfont {
    color: rgb(68, 68, 68);
}

.red-packet-select .packet-list li .red-top .iconfont {
    font-size: 25px;
    display: block;
    margin-right: -2px;
    color: rgb(222, 63, 54);
}

.get-packet .get-packet-list .reload-btn.hidden {
    display: none;
}

.get-packet .get-packet-list .la-ball-pulse {
    padding-top: 10px;
    padding-right: 20px;
}

.get-packet .get-packet-list li .info {
    position: relative;
    z-index: 1;
    float: left;
    width: 256px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(229, 229, 229);
}

    .get-packet .get-packet-list li .info h3 {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 16px;
        font-family: PingFangSC-Regular, -apple-system, Simsun;
        margin-bottom: 4px;
    }

        .get-packet .get-packet-list li .info h3 span {
            display: inline-block;
            margin: -2px 0px 0px 5px;
            vertical-align: middle;
        }

    .get-packet .get-packet-list li .info p {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 16px;
        font-family: Arial;
        color: rgb(166, 166, 166);
    }

    .get-packet .get-packet-list li .info em {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 12px;
        line-height: 1;
        font-family: PingFangSC-Regular, -apple-system, Simsun;
        position: absolute;
        z-index: 1;
        top: 10px;
        right: 0px;
    }

input[type="checkbox"] {
    position: absolute;
    clip: rect(0px 0px 0px 0px);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hidden {
    display: none;
}

.cf {
    zoom: 1;
}

    .cf::after, .cf::before {
        display: table;
        content: "";
    }

    .cf::after {
        clear: both;
    }

.dib-wrap {
    font-size: 0px;
}

    .dib-wrap a, .dib-wrap span {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        word-spacing: normal;
    }

.red-radius-btn .iconfont {
    font-size: 16px;
    display: inline-block;
    min-width: 16px;
    margin: -3px 5px 0px 0px;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    -webkit-text-stroke-width: 0px;
}

.select-popup .select-list li p.mode a.act {
    color: rgb(191, 44, 36);
    border: 1px solid rgb(237, 66, 89);
    background: rgb(255, 241, 243);
}

.scan-wrap .switch .iconfont {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.vote-popup .popup-tab a.act {
    line-height: 38px;
    z-index: 3;
    height: 38px;
    padding: 0px 22px;
    color: rgb(237, 66, 89);
    border-top: 2px solid rgb(237, 66, 89);
    border-right: 1px solid rgb(230, 230, 230);
    border-left: 1px solid rgb(230, 230, 230);
    background: rgb(252, 252, 250);
}

    .vote-popup .popup-tab a.act em {
        right: -1px;
    }

.reward-list li.act {
    color: rgb(191, 44, 36);
    border: 1px solid rgb(191, 44, 36);
    background-color: rgb(255, 241, 243);
}

    .reward-list li.act cite {
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        width: 22px;
        height: 22px;
        background-image: url("/qd/images/book_details/sprite.385d7.png");
        background-repeat: no-repeat;
        background-position: -299px -164px;
        background-size: 335px;
    }
